@charset "utf-8";
@import './_reset';
@function r($px){
	@return $px/50px *1rem;
}

html,body{
	width: 100%;
	height: 100%;
}
.web{
	height: 100%;
	width: 100%	;
	position: relative;
}
header{
	text-align: center;
	width: 100%;
	height: r(89px);
	background-color:#b20000;
	position: fixed;
	top: 0;
	left: 0;
	.left_logo{
		// background-color: #CCCCCC;
		margin-top: r(33px);
		margin-left: r(23px);
		img{
			width: r(31px);
			height: r(24px);
		}
	}
	.middle_logo{
			display: inline-block;
			width: r(264px);
			height: r(40px);
			margin-top: r(23px);
			// background-color: #CCCCCC;
			img{
				width: 100%;
				height: 100%;
			}
		}
	.search_logo{
		margin-right: r(17px);
		margin-top: r(23px);
		img{
			width: r(42px);
			height: r(42px);
		}
	}
}

section{
	overflow: auto;
	// background-color:#f5f5f5;
	// margin-top: r(89px);
	position: fixed;
	top:r(89px);
	bottom:r(96px);
	left: 0;
	right: 0;
	>.bg{
		font-size: 0;
		img{
		width: 100%;
		height: r(175px);
		margin-top:r(7px);
		}
	}
	>.top{
		display: flex;
		justify-content: space-between;
		width: 100%;
		height: r(117px);
		background-color: #f5f5f5;
		>.top_box{
			height: r(89px);
			width: r(214px);
			background-color: #B20000;
			margin-top: r(7px);
			vertical-align: top;
			font-size: r(26px);
			font-weight: bold;
			font-family: "microsoft yahei";
			color: white;
			text-align: center;
			line-height: r(89px);
			border-bottom: 1px solid #dfdfdf;
			}
		>.box_none{
			background-color: #f5f5f5;
			color: #8b8b8b;
			font-weight: 100;
			
		}
	}
	>.content{
		width:r(582px);
		height:r(769px);
		// background-color: red;
		margin: 0 auto;
		font-size: r(20px);
		font-family: "microsoft yahei";
		color: #8b8b8b;
		text-indent: 2em;
		border-bottom: 1px solid #dfdfdf;
		>.one{
			margin-top: r(28px);
		}
	}
	>.shipin{
		width: r(582px);
		height: r(363px);
		margin: 0 auto;
		// background-color: red;
		border-bottom: 1px solid #dfdfdf;
		>.shipin_box{
			height: r(334px);
			width: 100%;
			margin-top: r(39px);
			>img{
				width: r(582px);
				height: r(340px);
			}
		}
	}
	>.bottom{
		margin: 0 auto;
		width: r(582px);
		height: r(618px);
		>.bottom_top{
			width: r(582px);
			height: r(80px);
			background-color: #B20000;
			margin-top: r(15px);
			position: relative;
			>p{
				display: inline-block;
				font-size: r(30px);
				font-family: "microsoft yahei";
				color: #ffffff;
				line-height: r(80px);
				margin-right: r(90px);
				position: absolute;
				left: r(90px);
			}
			>.icon-jiahao{
				display: inline-block;
				font-size: r(42px);
				color: white;
				line-height: r(80px);
				position: absolute;
				left: r(24px);
			}
			>.icon-rili{
				display: inline-block;
				font-size: r(42px);
				color: white;
				line-height: r(80px);
				position: absolute;
				right:r(20px);
			}
		}
		>.bottom_center{
			width: r(582px);
			height: r(538px);
			border-bottom: 1px solid #dfdfdf;
			>.bc_1{
				width: 100%;
				height: r(108px);
				background-color: white;
				>.bc1_left{
					width: r(43px);
					height: 100%;
					border-right: 2px solid #d0dbdc;
					position: relative;
					>.icon-center{
						position: absolute;
						font-size: r(34px);
						color: #d0dbdc;
						top: 50%;
						transform: translateY(-50%);
						left:r(27px);
						background-color: white;
						width: r(34px);
						height: r(34px);
						border-radius: 50%;
					}
				}
				>.bc1_right{
					width: r(493px);
					height: 100%;
					>.right_p1{
						font-size: r(32px);
						font-family: "microsoft yahei";
						font-weight: bold;
						color: #313131;
						margin-top: r(20px);
					}
					>.right_p2{
						font-size: r(20px);
						font-family: "microsoft yahei";
						color: #B20000;
					}
				}
			}
			>.bc_2{
				width: 100%;
				height: r(108px);
				background-color:#f3f3f3;
				>.bc2_left{
					width: r(43px);
					height: 100%;
					border-right: 2px solid #d0dbdc;
					position: relative;
					>.icon-center{
						position: absolute;
						font-size: r(34px);
						color: #B20000;
						top: 50%;
						transform: translateY(-50%);
						left:r(27px);
						background-color: white;
						width: r(34px);
						height: r(34px);
						border-radius: 50%;
					}
				}
				>.bc2_right{
					width: r(493px);
					height: 100%;
					>.right_p1{
						font-size: r(32px);
						font-family: "microsoft yahei";
						font-weight: bold;
						color: #313131;
						margin-top: r(20px);
					}
					>.right_p2{
						font-size: r(20px);
						font-family: "microsoft yahei";
						color: #B20000;
					}
				}
			}
		}
	}
	}
	
footer{
	height: r(96px);
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #f5f5f5;
	>ul{
		text-align: center;
		>li{
		 width: 20%;
		 float: left;
		 margin-top: r(20px);
			img{
				height: r(41px);
				width: r(41px);
			}
			p{
				font-size: r(12px);
				color: #939393;
			}
			
	 }
}
}